﻿*{
	padding:0;
	margin:0;
}
body{
	background:#232332;
	overflow:hidden;
	font-family:'微软雅黑';
}
.global{
	width:1px;
	height:1px;
	position:absolute;
	left:50%;
	top:50%;
	background:red;
}
.log,.sig{
	width:500px;
	top:-14000%;
	background:#eee;
	position:absolute;
	border-radius:5px;
	overflow:hidden;
	outline:0 none;
	border:1px solid #fff;
}
/*--move in--*/
.sig_in,.log_in{
	left:-300000%;
	animation:move_in 0.4s linear forwards;
	-webkit-animation:move_in 0.4s linear forwards;
	-moz-animation:move_in 0.4s linear forwards;
	-o-animation:move_in 0.4s linear forwards;
}
@keyframes move_in{
	frome{left:-300000%}
	to{left:-25000%}
}
@-webkit-keyframes move_in{
	frome{left:-300000%}
	to{left:-25000%}
}
@-moz-keyframes move_in{
	frome{left:-300000%}
	to{left:-25000%}
}
@-o-keyframes move_in{
	frome{left:-300000%}
	to{left:-25000%}
}
/*--move in--*/
/*--move out--*/
.sig_out,.log_out{
	left:-25000%;
	animation:move_out 1.4s linear forwards;
	-webkit-animation:move_out 1.4s linear forwards;
	-moz-animation:move_out 1.4s linear forwards;
	-o-animation:move_out 1.4s linear forwards;
}
@keyframes move_out{
	frome{left:-25000%}
	to{left:1000000%}
}
@-webkit-keyframes move_out{
	frome{left:-25000%}
	to{left:1000000%}
}
@-moz-keyframes move_out{
	frome{left:-25000%}
	to{left:1000000%}
}
@-o-keyframes move_out{
	frome{left:-25000%}
	to{left:1000000%}
}
/*--move out--*/
.shart{
	animation:pc 4s linear infinite alternate;
	-webkit-animation:pc 4s linear infinite alternate;
	-moz-animation:pc 4s linear infinite alternate;
	-o-animation:pc 4s linear infinite alternate;
}
@keyframes pc{
	frome{box-shadow:0 0 0 #fff;}
	to{box-shadow:0 0 50px #fff;}
}
@-webkit-keyframes pc{
	frome{box-shadow:0 0 0 #fff;}
	to{box-shadow:0 0 50px #fff;}
}
@-moz-keyframes pc{
	frome{box-shadow:0 0 0 #fff;}
	to{box-shadow:0 0 50px #fff;}
}
@-o-keyframes pc{
	frome{box-shadow:0 0 0 #fff;}
	to{box-shadow:0 0 50px #fff;}
}
dt{
	margin-bottom:20px;
}
.header{
	height:55px;
	color:#eee;
	background:#13A89E;
}
h3{
	line-height:55px;
	font-family:'宋体';
	font-size:25px;
	font-weight:400;
	text-indent:1.5em;
}
input[type=text],input[type=password]{
	height:30px;
	width:250px;
	padding:0 5px;
	border:1px solid #13A89E;
	border-radius:3px;
	letter-spacing:0.01em;
}
input[type=button]{
	width:120px;
	height:30px;
	border:1px solid #13A89E;
	border-radius:3px;
	cursor:pointer;
	font-size:16px;
	color:#13A89E;
	margin-left:120px;
	transition:all 0.4s;
}
input[type=button]:hover{
	background:#13A89E;
	color:#fff;
}
.letter,.password{
	color:#13A89E;
	text-indent:4em;
	position:relative;
}
.password{
	text-indent:2em;
}
#sig_in,#back{
	margin-left:18px;
}
.warning{
	position:absolute;
	text-indent:0;
	height:32px;
	line-height:32px;
	right:10px;
	top:0;
	color:red;
	font-size:14px;
	display:none;
}
.warning span{
	animation:emo .5s linear infinite alternate;
	-webkit-animation:emo .5s linear infinite alternate;
	-moz-animation:emo .5s linear infinite alternate;
	-o-animation:emo .5s linear infinite alternate;
}
@keyframes emo{
	from {opacity:0;}
	to {opacity:1;}
}
@-webkit-keyframes emo{
	from {opacity:0;}
	to {opacity:1;}
}
@-moz-keyframes emo{
	from {opacity:0;}
	to {opacity:1;}
}
@-o-keyframes emo{
	from {opacity:0;}
	to {opacity:1;}
}
/*----*/
.log_in{
	z-index:1;
}
/*----*/